body {
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
    font-size: 15px;
    color: #1a1a1a;
    background: #f6f6f6;
    -webkit-tap-highlight-color: rgba(26, 26, 26, 0);
}

/* .Question-mainColumn {
    width: 694px;
    padding-bottom: 20px;
} */

.Card {
    /* margin-bottom: 10px; */
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    box-shadow: 0 1px 3px rgba(26, 26, 26, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ViewAll {
    overflow: visible;
    overflow: initial;
}

a {
    color: inherit;
    text-decoration: none;
}

.QuestionMainAction {
    width: 100%;
    height: 50px;
    font-size: 15px;
    border: none;
    border-radius: 0;
}

a.QuestionMainAction {
    display: block;
    line-height: 50px;
    color: #8590a6;
    text-align: center;
}

.AnswerCard {
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
}

.AnswerCard,
.MoreAnswers {
    overflow: visible;
    overflow: initial;
}

.QuestionAnswer-content {
    padding: 16px 20px;
}

.ContentItem-meta {
    font-size: 15px;
    color: #646464;
}

.AuthorInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.AnswerItem-authorInfo {
    margin-top: 10px;
}

.ContentItem-meta {
    font-size: 15px;
    color: #646464;
}

.Popover {
    position: relative;
    display: inline-block;
}

.Avatar {
    background: #fff;
    border-radius: 2px;
}

.AuthorInfo-avatar {
    vertical-align: top;
}

.AuthorInfo-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 14px;
    overflow: hidden;
}

.AuthorInfo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1.1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.AuthorInfo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 1.1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.AuthorInfo-name {
    font-weight: 600;
    font-synthesis: style;
    color: #444;
}

.AuthorInfo-detail {
    overflow: hidden;
}

.AuthorInfo-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px;
    font-size: 14px;
}

.AnswerItem-extraInfo {
    margin-top: 10px;
    margin-bottom: -4px;
    font-size: 14px;
    color: #8590a6;
}

.Voters {
    color: #8590a6;
}

button {
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body,
button,
p,
pre {
    margin: 0;
}

.Button {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
    line-height: 32px;
    color: #8590a6;
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid;
    border-radius: 3px;
}

.Button--link,
.Button--plain {
    height: auto;
    padding: 0;
    line-height: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.RichContent {
    line-height: 1.67;
}

.RichContent-inner {
    margin-top: 9px;
    margin-bottom: -4px;
    overflow: hidden;
}

.ztext {
    word-break: break-word;
    line-height: 1.6;
}

.ztext p {
    margin: 1.4em 0;
}

.ztext>:first-child {
    margin-top: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.ztext a.external, .ztext a.internal, .ztext a.ztext-link {
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px solid grey;
}

.ztext a.external>.invisible, .ztext a.internal>.invisible, .ztext a.ztext-link>.invisible {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
}

.ztext a.external>.ellipsis:after, .ztext a.internal>.ellipsis:after, .ztext a.ztext-link>.ellipsis:after {
    content: "...";
}

.ztext figure {
    margin: 1.4em 0;
}

.ztext .content_image, .ztext .origin_image {
    display: block;
    max-width: 100%;
    margin: 1.4em auto;
}

.ztext figure .content_image, .ztext figure .origin_image {
    margin: 0 auto;
}

.ztext .content_image.zh-lightbox-thumb, .ztext .origin_image.zh-lightbox-thumb {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

h1, h2, h3 {
    margin: 0;
    font: inherit;
}

.ztext h1, .ztext h2 {
    clear: left;
    margin-top: 2.33333em;
    margin-bottom: 1.16667em;
    font-size: 1.2em;
    line-height: 1.5;
    font-weight: 600;
    font-synthesis: style;
}

.ztext p.ztext-empty-paragraph {
    margin: -.8em 0;
}

.ztext>:last-child {
    margin-bottom: 0;
}

.ContentItem-time {
    margin-top: 10px;
    font-size: 14px;
    color: #8590a6;
}

.ContentItem-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    margin: 0 -20px -10px;
    color: #646464;
    background: #fff;
    clear: both;
}

.ContentItem-actions>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.VoteButton {
    padding: 0 10px;
    color: #0084ff;
    background: rgba(0,132,255,.1);
    border-color: transparent;
}

.VoteButton-TriangleUp {
    margin-right: 5px;
}

.VoteButton--down {
    margin-left: 4px;
}

.Button--withIcon.Button--link, .Button--withIcon.Button--plain {
    padding: 0;
}

.Button--withIcon.Button--withLabel .Button-zi {
    margin-right: 4px;
}

.ContentItem-action {
    margin-left: 24px;
    font-size: 14px;
}

.ContentItem-rightButton {
    margin-left: auto;
}

.ContentItem-arrowIcon.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* .RichContent--unescapable.is-collapsed .ContentItem-rightButton {
    position: absolute;
    z-index: 1;
    bottom: 75px;
    left: 0;
    width: 100%;
    color: #175199;
    font-size: 15px
} */
.RichText {
    overflow: hidden;
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
}
.hidebutton{
    display: none !important;
}